<template>
    <div class="container">
        <div class="choiceFirmTypeContainer">
            <h1 style="margin-bottom:20px;">请选择单位类型：</h1>
            <div class="block">
            <el-cascader
                expand-trigger="hover"
                :options="options"
                v-model="selectedOptions"
                @change="handleChange"
                >
            </el-cascader>
            </div>
            <h1 style="margin-top:20px;">单位类型：{{companyTypeMessage}}</h1>
            <el-button style="margin-top:20px;" type="primary" @click="submitType">确定提交</el-button>
        </div>
    </div>
</template>
<script>
  export default {
    data() {
      return {
        companyType:null, //单位类型id
        companyTypeMessage:'', //单位类型内容
        options: [{
          value: '产业活动单位',
          label: '产业活动单位',
        }, {
          value: '法人单位',
          label: '法人单位',
          children: [{
            value: '单位会计制度',
            label: '单位会计制度',
            children:[{
            value: '属于银行及相关金融单位',
            label: '属于银行及相关金融单位',
            },
            {
            value: '不属于银行及相关金融单位',
            label: '不属于银行及相关金融单位',
            }],
          }, {
            value: '事业单位会计制度',
            label: '事业单位会计制度',
            children:[{
            value: '属于银行及相关金融单位',
            label: '属于银行及相关金融单位',
            },
            {
            value: '不属于银行及相关金融单位',
            label: '不属于银行及相关金融单位',
            }],
          }, {
            value: '行政单位会计制度',
            label: '行政单位会计制度',
            children:[{
            value: '属于银行及相关金融单位',
            label: '属于银行及相关金融单位',
            },
            {
            value: '不属于银行及相关金融单位',
            label: '不属于银行及相关金融单位',
            }],
          }, {
            value: '民间非盈利组织会计制度',
            label: '民间非盈利组织会计制度',
            children:[{
            value: '属于银行及相关金融单位',
            label: '属于银行及相关金融单位',
            },
            {
            value: '不属于银行及相关金融单位',
            label: '不属于银行及相关金融单位',
            }],
          }, {
            value: '其它',
            label: '其它',
            children:[{
            value: '属于银行及相关金融单位',
            label: '属于银行及相关金融单位',
            },
            {
            value: '不属于银行及相关金融单位',
            label: '不属于银行及相关金融单位',
            }],
          }]
        }],
        selectedOptions: [],
      };
    },
    methods: {
      handleChange(value) {
        if(value[2]){
            this.companyTypeMessage = value[0]+"/"+value[1]+"/"+value[2];
        }else{
            this.companyTypeMessage = value[0];
        }
        if(value[0]==='产业活动单位'){
            
            this.companyType = 1;
        }else if(value[0]==='法人单位'){

            if(value[1]==='单位会计制度'){
                if(value[2]==='属于银行及相关金融单位'){
                    this.companyType = 2;
                }else{
                    this.companyType = 3;
                }
            }else if(value[1]==='行政单位会计制度'){
                if(value[2]==='属于银行及相关金融单位'){
                    this.companyType = 4;
                }else{
                    this.companyType = 5;
                }
            }else if(value[1]==='事业单位会计制度'){
                if(value[2]==='属于银行及相关金融单位'){
                    this.companyType = 4;
                }else{
                    this.companyType = 5;
                }
            }else if(value[1]==='民间非盈利组织会计制度'){
                if(value[2]==='属于银行及相关金融单位'){
                    this.companyType = 6;
                }else{
                    this.companyType = 7;
                }
            }else if(value[1]==='其它'){
                 if(value[2]==='属于银行及相关金融单位'){
                    this.companyType = 4;
                }else{
                    this.companyType = 5;
                }
            }
        }
        console.log(this.companyType);
      },
    //   提交单位类型
      submitType(){
        let self = this;
        let id = this.$store.get("companyId");
        let type = this.companyType;  
        this.$http({
                method:'post',
                url:'/inventory/update?id='+id+'&type='+type,
            }).then(function(res){
                let data = res.data;
                if(data.status === 200){
                    console.log(res);
                    self.$message.success(data.message);
                    self.$store.set("type",type);
                    self.$router.push({ path: "/home" });

                }else{
                    self.$message.error(data.message);
                }
            }).catch(function(err){
                console.log(err)
            })
      },
    }
  };
</script>
